li li{
    display: inline-block;
}
li.active::after{
    background: #fcc800;
}
.sort{
    padding: 24px 30px 0 24px;
    margin-bottom: 32px;
    background: #f8f8f8;
    font-size: 14px;
    line-height: 28px;
    display: flex;
}
.padding_top{
    padding-top: 24px;
    border-top:1px solid #ebebeb;;
}
.sort_li{
    padding-bottom: 16px;
    display: flow-root;
}

.sort_li>span{
    display: block;
    float: left;
    width: 70px;
    margin-right: 14px;
    text-align: right;
    color: #999;
}
.sort_li > div{
    float: left;
    width: 900px;
}
.sort_li > div >*{
    margin-bottom: 5px;
}
div > a.cur{
    font-weight: 700;
    background: #fcc800;
    border-radius: 14px;
}
.sort_li a{
    height: 20px;
    line-height: 20px;
    padding: 4px 12px;
    margin: 0 8px 8px 0;
}
.li_ul{
    width: 1022px;
    margin: 0 0 8px;
    padding: 2px 8px;
    border-radius: 20px;
    background: #fff;
}
.con_top{
    display: flex;
    justify-content: space-between;

}
.con_left{
    display: flex;
}
.con_left a{
    display: flex;
    margin-right: 30px;
    line-height: 26px;
}
.con_left i{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #000;
}
.con_left i.active{
    box-sizing: border-box;
    border: 5px solid #fcc800;
    padding: 4px;
}
.con_right{
    display: flex;
    border-radius: 50%;
    color: #000;
}
.con_right,
.con_right a{
    font-size: 16px;
}
.con_right a{
    padding: 0 12px;
    border-radius: 26px;
    background: #f8f8f8;
}
.con_right a.active{
    border: 1px solid #ddd;
    font-weight: 700;
    background: #fff;
    color: #000;
}

.data-list{
    display: flex;
}
.pic img{
    width: 110px;
    height: 146px;
}
div[data-list-type="img"] ul{
    display: flex;
    flex-wrap: wrap;
}
div[data-list-type="img"] li{
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 360px;
    height: 146px;
    margin-right: 40px;
    margin-bottom: 24px;
}
div[data-list-type="img"] li:nth-of-type(3n){
    margin-right: 0;
}
.txt{
    width: 234px;
    height: 146px;
    font-size: 12px;
    color: #999;
}
.data-list-title{
    font-size: 16px;
}
.txt span{
    display: block;
}
.tags em{
    padding: 0 4px;
    border: 1px solid #ddd;
}
.des{
    padding-top: 8px;
    height: 34px;
}
.des.omit{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical
}
.author_name{
    position: absolute;
    bottom: 3px;    
}